Show More

A biologist, a chemist, and a statisticianare out hunting. The biologist shoots at a rabbit and misses five feet to the left. The chemist shoots, and misses five feet to the right. The statistician yells, "We got him!" ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

A biologist, a chemist, and a statisticianare out hunting. The biologist shoots at a rabbit and misses five feet to the left. The chemist shoots, and misses five feet to the right. The statistician yells, "We got him!" ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

SAMPLE CODE

<style>
 
 #thetext.short {
	height: 1.75em;
	overflow: hidden;
	color: green;
 }
 #thetext.full_height {
	height: auto;
	color: red;
 }
</style>

<script type="text/javascript" src="../../jQueryFolder/js/jquery-3.1.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
 
 $("a#show_more").on("click", function() {
  alert("clicked");
  $("div.short").addClass("full_height"); 
//	$("div.short").animate({height: "10em"}); 
 });
 
});

</script>

<div id="thetext" class="short" >
<p>
A biologist, a chemist, and a statisticianare out hunting.  The biologist shoots at a rabbit and misses five feet to the left.  The chemist shoots, and misses five feet to the right.
The statistician yells, "We got him!"
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
</p>
<p>
A biologist, a chemist, and a statisticianare out hunting.  The biologist shoots at a rabbit and misses five feet to the left.  The chemist shoots, and misses five feet to the right.
The statistician yells, "We got him!"
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
</p>
</div>
<a href="javascript:void(0)" id="show_more">show more</a>